<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>币拍</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">

    <link rel="stylesheet" href="plugins/layui/css/layui.css" media="all" />
    <link rel="stylesheet" href="css/global.css" media="all">
    <link rel="stylesheet" href="plugins/font-awesome/css/font-awesome.min.css">
</head>
<body>
    <div class="layui-container" style="width: 80%">
        <div class="layui-row" style="margin-top: 50px">
            <div class="layui-col-md8" style="font-size: 35px">
               <div class="layui-form-item">
                   <div class="layui-inline">
                       <label class="layui-form-label" style="width:300px">
                           eos_balance:
                       </label>
                       <div class="layui-input-inline" style="width: 150px;">
                           <input name="eos_balance" class="layui-input" value="0.0">
                       </div>
                   </div>
               </div>
               <div class="layui-form-item">
                   <div class="layui-inline">
                       <label class="layui-form-label" style="width:300px">
                           staked_balance:
                       </label>
                       <div class="layui-input-inline" style="width: 150px;">
                           <input name="staked_balance" class="layui-input" value="0.0">
                       </div>
                   </div>
               </div>
                <div class="layui-form-item">
                   <div class="layui-inline">
                       <label class="layui-form-label" style="width:300px">
                           unstaking_balance:
                       </label>
                       <div class="layui-input-inline" style="width: 150px;">
                           <input name="unstaking_balance" class="layui-input" value="0.0">
                       </div>
                   </div>
               </div>
            </div>
            <div class="layui-col-md4" style="font-size: 35px">
                <p>eos_balance代表...</p>
                <p>staked_balance代表...</p>
                <p>unstaking_balance代表...</p>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="./js/config.js"></script>
    <script type="text/javascript" src="plugins/layui/layui.js"></script>
    <script type="text/javascript">
        layui.use(['table','jquery','element'],function (){
            var $ = layui.$;
            var table = layui.table;
            var element = layui.element;

            $.ajax({
                url: contextPath+"chain/account",
                type: "GET",
                contentType:"application/json;charset=utf-8",
                dataType:"json",
                success:function (data) {
                    $('input[name="eos_balance"]').attr("value",data.eos_balance);
                    $('input[name="staked_balance"]').attr("value",data.staked_balance);
                    $('input[name="unstaking_balance"]').attr("value",data.unstaking_balance);
                },
                error:function () {
                }
            });

        });
    </script>
</body>
</html>